<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/bootstrap.css">
    <link rel="stylesheet" href="./css/jsypx.css">
    <link rel="stylesheet" href="./css/hearder.css">
    <link rel="stylesheet" href="./css/foot.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/popper.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <title>Document</title>
    <style></style>
</head>

<body>
    <div class="container">
        <!-- 选项卡 nav-tabs 导航中的选项卡-->
        <div class="nav nav-tabs">
            <!-- 1.选项卡的选项 -->
            <a href="#">
                <img src="./img/logo1.png" alt="" class="tp">
            </a>
            <a href="./index.html" class="nav-link"><img src="./img/0.png" alt="" class="a d-flex">
                网站首页</a>
            <a href="./1.ylxm.html" class="nav-link"><img src="./img/1.png" alt="" class="a d-flex">医疗项目</a>
            <a href="./2.zxyy.html" class="nav-link"><img src="./img/2.png" alt="" class="a d-flex">在线预约</a>
            <a href="./3.khal.html" class="nav-link"><img src="./img/3.png" alt="" class="a d-flex">客户案例</a>
            <a href="./4.jczt.html" class="nav-link"><img src="./img/4.png" alt="" class="a d-flex">精彩专题</a>
            <a href="./5jsypx.html" class="nav-link  active"><img src="./img/5.png" alt="" class="a d-flex">技术与培训</a>
            <a href="./6.gyus.html" class="nav-link"><img src="./img/6.png" alt="" class="a d-flex">关于我们</a>
            <a href="./7.jrus.html" class="nav-link"><img src="./img/7.png" alt="" class="a d-flex">加入我们</a>
            <!-- 2.选项卡的展示 -->
        </div>
        <div class="tab-content">
            <!-- tab-pane -->
            <p class="tab-pane" id="show0">
                <a href="#"></a>
            </p>
            <p class="tab-pane show active" id="show1">
                <a href="#"></a>
            </p>
            <p class="tab-pane" id="show2">
                <a href="#"></a>
            </p>
            <p class="tab-pane" id="show3">
                <a href="#"></a>
            </p>
            <p class="tab-pane" id="show4">
                <a href="#"></a>
            </p>
            <p class="tab-pane" id="show5">
                <a href="#"></a>
            </p>
            <p class="tab-pane" id="show6">
                <a href="#"></a>
            </p>
            <p class="tab-pane" id="show7">
                <a href="#"></a>
            </p>
            <p class="tab-pane" id="show8">
                <a href="#"></a>
            </p>
        </div>
        <div class="row yl-shang">
            <div class="col-12 justify-content-center w-100">
                <img src="./img/4-4.png" alt="" class="w-100">
            </div>
        </div>
        <!-- 左边框 -->
        <div class="row yl-xia mr-3">
            <div class="col-3 yl-one">
                <!-- 上框 -->
                <div class="yl-1 mt-3">
                    <div class="gezi border-2">
                        <p class="d5 pt-2 pl-4">技术与培训</p>
                        <p class="e5 pt-2 pl-2"><img src="./img/箭头 三角形.svg" alt="" class="c5">国际交流</p>
                        <p class="e5 pt-2 pl-2"><img src="./img/箭头 三角形.svg" alt="" class="c5">团队培训</p>
                        <p class="e5 pt-2 pl-2"></p>
                    </div>
                </div>
                <!-- 下框 -->
                <div class="g5 mt-3 pt-2 pl-3">在线预约</div>
                <div class="h5">
                    <div class="d-flex">
                        <div class="col-6 mt-3 ">
                            <img src="./img/微信 图标 .svg" alt="" class="f5">微信预约
                        </div>
                        <div class="col-6 mt-3">
                            <img src="./img/微博图标.svg" alt="" class="f5">微博预约
                        </div>
                    </div>
                    <div class="d-flex">
                        <div class="col-6 mt-3 ">
                            <img src="./img/线性笔记本图标.svg" alt="" class="f5">在线预约
                        </div>
                        <div class="col-6 mt-3">
                            <img src="./img/打电话图标.svg" alt="" class="f5">电话预约
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-9 mt-3">
                <div class="a5 pt-3 pl-5"><img src="./img/实心小圆圈.svg" alt="" class="i5">技术与培训
                    <a href="#" class="b5 pt-2 pr-5">您当前的位置：主页 >技术与培训 ></a></div>
                <hr>
                <div>
                    <div class="a5 pt-3 pl-4"> 水光针效果持久吗?
                        <a href="#" class="b5 pr-5">10-09</a></div>
                    <p class="a15 pt-3 pb-3">
                        女性肌肤出现暗黄、干燥等肌肤问题，会严重影响到爱美女性的外在形象，因此很多爱美者都想寻找一种能够彻底改善肌肤问题的好方法，而注射水光针就可以很好的改善肌肤，那么南...</p>
                </div>
                <hr>
                <div>
                    <div class="a5 pt-3 pl-4">水光针注射的价格是多少
                        <a href="#" class="b5 pr-5">10-09</a></div>
                    <p class="a15 pt-3 pb-3">
                        南昌水光针注射是借助专利智能仪器将活性玻尿酸均匀注射至皮肤的真皮层，直接填补流逝的营养成分。透明质酸有强大的锁水功效，相当于在肌肤真皮层里铺了一层高度锁水的玻尿酸...</p>
                </div>
                <hr>
                <div>
                    <div class="a5 pt-3 pl-4">水光针能保持多长时间?
                        <a href="#" class="b5 pr-5">10-09</a></div>
                    <p class="a15 pt-3 pb-3">
                        少壮不补水，老大徒伤悲。对于女旱子来说，如果肌肤长期不能够喝足水，肌肤就会逐渐的干涸，出现肌肤松弛下垂衰老的情况，所以想年轻就在一瞬间，水光针是一种较好的补水方法...</p>
                </div>
                <hr>
                <div>
                    <div class="a5 pt-3 pl-4">打美容水光针的有没有副作用
                        <a href="#" class="b5 pr-5">10-09</a></div>
                    <p class="a15 pt-3 pb-3">
                        水润、光滑的肌肤可以瞬间让皮肤变得更有弹性，打造出婴儿般美肌，帮助抚平小细纹，弥补肌肤缺水问题，水光针就是一款补水神器，能够给肌肤补充源源不断的水分，让肌肤不在干...</p>
                </div>
                <div class="yl-page row">
                    <!--  -->
                    <ul class="pagination col-12 justify-content-center">
                        <li class="page-item disabled mr-1"><a href="#" class="page-link">上一页</a></li>
                        <li class="page-item mr-1 active"><a href="#" class="page-link">1</a></li>
                        <li class="page-item mr-1"><a href="#" class="page-link">2</a></li>
                        <li class="page-item mr-1"><a href="#" class="page-link">3</a></li>
                        <li class="page-item mr-1"><a href="#" class="page-link">4</a></li>
                        <li class="page-item mr-1"><a href="#" class="page-link">5</a></li>
                        <li class="page-item mr-1"><a href="#" class="page-link">6</a></li>
                        <li class="page-item mr-1"><a href="#" class="page-link">下一页</a></li>
                    </ul>
                </div>

            </div>
        </div>
        <div class="foot0">
            <div class="row m-4">
                <div class="col-3 text-right mt-5">
                    <img src="./img/logo_2.png" alt="" class="w-75">
                </div>
                <div class="col-6 list-unstyled" style="color:white;">
                    <h3 class="mt-5">门诊时间 (无假日医院) 9:00-21:00</h3>
                    <li>地址：广东省广州市番禺经济开发区58号　 Copyright © 2002-2017 某某医疗机构有限公司 版权所有</li>
                    <li>粤ICP备32165489号</li>
                    <li class="mt-3 mb-5">友情链接： 创业找项目 建站素材 掌柜子 百度一下 </li>
                </div>
                <div class="col-3 text-center mt-4" style="color:white;">
                    <img src="./img/weixin.jpg" alt="">
                    <p>医疗美容官方微信</p>
                </div>
            </div>
        </div>
    </div>
    <a href="#" class="top"><img src="img/置顶.svg" alt="">置顶</a>
</body>

</html>